<!DOCTYPE html>
<html>

<head>
  <script src="./js/index.js"></script>
  <link rel="stylesheet" href="./css/style.css">
</head>

<body>
  
  <div class="wrapper">
    <div class="group"><sp-label>导出图片</sp-label>
      <sp-detail>导出路径</sp-detail>
      <sp-textfield id="exportPath" placeholder="D:/Own/Art/UI/psd" value="D:/Own/Art/UI/psd"></sp-textfield>
      <sp-radio-group id="image-type" name="example" vertical>
        <sp-radio emphasized value="PNG" checked>PNG格式</sp-radio>
        <sp-radio emphasized value="JPG">JPG格式</sp-radio>
        <sp-radio emphasized value="PSD">PSD格式</sp-radio>
      </sp-radio-group>
      <sp-menu-divider></sp-menu-divider>
      <sp-detail></sp-detail>
      <footer>
        <sp-button id="confirmExport">确认导出</sp-button>
      </footer>
    </div>
    <div class="group"><sp-label>修改图层名字</sp-label>
      <footer>
        <sp-button variant="secondary" disabled>确认修改</sp-button>
      </footer>
    </div>
  </div>

</body>

</html>